<template>
    <div class="loading">
        <div class="loading-content">
            <img src="../../assets/loading.gif" width="60">
            <span class="text">玩儿命加载中</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "loading"
    }
</script>

<style scoped lang="stylus">
    .loading
        position: absolute
        top: 0
        right: 0
        bottom: 0
        left: 0
        z-index: 999999
        background: rgba(0, 0, 0, .5)
    .loading-content
        position: absolute
        top: 50%
        left: 50%
        width: 100%
        transform: translate(-50%, -50%)
        text-align: center
        img
            width: 25px
        .text
            display: block
            margin-top: 10px
            font-size: 12px
            color: #fff
</style>